<script setup>
import { ref, defineEmits } from 'vue';
import draggable from 'vuedraggable'
import { useVModel } from '@vueuse/core';
const props = defineProps({
    drag: {
        type: Boolean,
        default: false,
    },
    children: {
        type: Array,
        default: () => [],
    },
    itemKey: {
        type: String
    },
    group:{
        type: Object,
        default: {},
    },
    sort:{
        type:Boolean,
        default:true
    }
});
const emit = defineEmits(['update:children', 'update:drag']);

const isDrag = useVModel(props, 'drag', emit);
const list = useVModel(props, 'moduleValue', emit);

</script>

<template>
   <draggableGroup :drag="rightDrag"
        :children="rightDayta.children"
        itemKey="id"
        v-model="rightDayta.children"
        :group="{ name: 'people2', pull: 'clone', put: true }"
      >

    </draggableGroup>
</template>

<style scoped></style>
